<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>极速问诊</title>
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <a href="#" class="back"><span class="iconfont icon-left"></span></a>
    <h2>极速问诊</h2>
    <a href="#" class="note">问诊记录</a>
  </header>
  <!-- banner -->
  <div class="banner">
    <img src="./assets/entry.png" alt="">
    <p><span>20s</span> 快速匹配专业医生</p>
  </div>
  <!-- type -->
  <ul>
    <li>
      <a href="#">
        <div class="pic">
          <img src="./assets/type01.png" alt="">
        </div>
        <div class="text">
          <h3>三甲图文问诊</h3>
          <p>三甲主治及以上级别医生</p>
        </div>
        <span class="iconfont icon-right"></span>
      </a>
    </li>
    <li>
      <a href="#">
        <div class="pic">
          <img src="./assets/type02.png" alt="">
        </div>
        <div class="text">
          <h3>普通图文问诊</h3>
          <p>二甲主治及以上级别医生</p>
        </div>
        <span class="iconfont icon-right"></span>
      </a>
    </li>
  </ul>
  <script src="./js/flexible.js"></script>
</body>

</html>